<!--
 * @Author
  components: { table },: 卡卡 1071780426@qq.com
 * @Date: 2023-09-27 17:43:02
 * @LastEditors: 卡卡 1071780426@qq.com
 * @LastEditTime: 2023-12-14 17:39:07
 * @FilePath: \mould\src\components\BehaViorManage\feedbackListText\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="100%"
      title="查看"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      top="0%"
    >
    <div
        class="dialogBody common commonClassDialog dialogMachine"
        :style="{ height: dialogHeight }"
        style="width: 100%"
        v-show="flagNum==4||flagNum==5"
      >
        <div class="reportMachine">
          <div class="reportTitle">{{tableTitle}}
            <div class="processVideo">
            <el-button type="primary" @click="processVideo">过程视频</el-button>
          </div></div>
          <div class="reportContent">
            <div class="regular">
              <div
                class="reportTr"
                :style="{ width: item.row }"
                v-for="item in tableObj"
                :key="item.lable"
              >
                <div class="reportTrLable">{{ item.lable }}</div>
                <div class="reportTrValue">{{ item.key }}</div>
              </div>
            </div>
            <div class="testPiece">
                <div class="reportTrLable">试件编号</div>
                <div class="reportTrData" v-for="(item,index)  in echartsData" :key="index">{{item.fTestid}}</div>
            </div>
            <div class="testPiece">
                <div class="reportTrLable">荷载(kN)</div>
                <div class="reportTrData" v-for="(item,index)  in echartsData" :key="index">{{item.fHz}}</div>
            </div>
            <div class="testPiece">
                <div class="reportTrLable">强度(MPa)</div>
                <div class="reportTrData" v-for="(item,index)  in echartsData" :key="index">{{item.fQd}}</div>
            </div>
            <div class="regular">
              <div class="reportTr" style="width: 100%">
                <div class="reportTrLable">强度测定值(MPa)</div>
                <div class="reportTrValue" v-if="tableObj[0].key!=''">
                  {{ formData.yjQmpTestCementflexural.fStrengthmeasurement }}
                </div>
              </div>
            </div>
            <div class="echartBox">
              <div
                class="echartIcon"
                :style="{ width: echartsData.length >= 4 ? '50%' : '100%' }"
                v-for="(item, index) in echartsData"
                :key="index"
              >
                <echarts :commonData="item" :index="index + 1"></echarts>
              </div>
            </div>
           
          </div>
        </div>
      </div>
      <!--  -->
      <div
        class="dialogBody common commonClassDialog dialogMachines"
        :style="{ height: dialogHeight }"
        style="width: 100%"
        v-show="flagNum==1||flagNum==2||flagNum==3"
        
      >
        <div class="reportMachines">
          <div class="reportTitle">{{tableTitle}}
            <div class="processVideo">
            <el-button type="primary" @click="processVideo">过程视频</el-button>
          </div></div>
          <div class="reportContent">
            <div class="regular">
              <div
                class="reportTr"
                :style="{ width: item.row }"
                v-for="item in tableObj"
                :key="item.lable"
              >
                <div class="reportTrLable">{{ item.lable }}</div>
                <div class="reportTrValue">{{ item.key }}</div>
              </div>
            </div>
            <div class="testdqBox">
              抗压强度
            </div>
            <div class="testPiece">
                <div class="reportTrLable">试件编号</div>
                <div class="reportTrData" v-for="(item,index)  in echartsData" :key="index">{{item.fTestid}}</div>
            </div>
            <div class="testPiece">
                <div class="reportTrLable">破坏荷载(kN)</div>
                <div class="reportTrData" v-for="(item,index)  in echartsData" :key="index">{{item.fHz}}</div>
            </div>
            <div class="testPiece">
                <div class="reportTrLable">抗压强度测值(MPa)</div>
                <div class="reportTrData" v-for="(item,index)  in echartsData" :key="index">{{item.fQd}}</div>
            </div>
         
            
        
            <div class="echartBox">
              <div
                class="echartIcon"
                :style="{ width: echartsData.length >= 4? '50%' : '100%' }"
                v-for="(item, index) in echartsData"
                :key="index"
              >
                <echarts :commonData="item" :index="index + 1"></echarts>
              </div>
            </div>
           
          </div>
        </div>
      </div>
    </el-dialog>
    <custom-dialog
      :currentRow="formDataVideo"
      v-if="processVideoShow"
      :dialogVisible="processVideoShow"
      @close="processVideoClose"
      
    ></custom-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
